
#console {
	position:absolute;
	left:0px;
	top:0px;
}


.aesop-editor {
	height:350px;
	padding:0px 20px;
	margin:0px auto 20px auto;
	position:relative;
}

ul.aesop-format-buttons {
	border:solid 1px #ccc;
	height:26px;
	padding:2px;
	background:white;
}

ul.aesop-format-buttons li a {
	display:block;
	font-family:"Helvetica", sans-serif;
	font-size:10px;
	float:left;
	margin:2px;
	padding:0px 5px;
	height:20px;
	text-align:center;
	line-height:20px;
	border:solid 1px #777;
	color:#777;
	background:url(images/downfade.png) repeat-x top #ccc;
}

ul.aesop-format-buttons li.separator {
	display:block;
	float:left;
	margin:2px;
	height:22px;
	width:17px;
	text-align:center;
}


.aesop-dialog-window .aesop-insert-image .aesop-image-container img {
	border:solid 1px #ccc;
}
.aesop-dialog-window .aesop-insert-image .aesop-image-container {
	float:left;
	border:solid 1px #ccc;
	padding:5px;
	margin-right:0px;
	width:200px;
	text-align:center;
	background:white;
}

ul.aesop-dialog-buttons {
	padding:8px;
	border:solid 1px #ccc;
	margin-top:10px;
	background:white;
}

ul.aesop-dialog-buttons button {
	width:100px;
	text-align:center;
}

ul.aesop-dialog-buttons li {
	margin:3px;
	float:left;
	
}

iframe {
	margin-top:5px;
	width:100%;
	border:none;
	height:300px;
}

ul.aesop-format-buttons li:hover > a {
	cursor:pointer;
	background-color:#e3e3e3;
	color:black;
}

ul.aesop-format-buttons li a.aesop-button-pressed {
	background-color:#202020;
	color:#fff;
}

.aesop-dialog-window button {
	border:solid 1px #777;
	background:url(images/downfade.png) repeat-x top #ccc;
	color:#777;
	line-height:20px;
	padding:0px 10px;
	font-size:12px;
	
}

.aesop-dialog-submit-button {
	width:100%;
	line-height:25px;
	font-size:14px;
}
.aesop-dialog-window button:hover {
	cursor:pointer;
	background-color:#e3e3e3;
	color:#202020;
	border-color:#202020;
}
.aesop-dialog-close, .aesop-dialog-back {
	position:absolute;
	display:block;
	padding:0px 8px;
	line-height:20px;
	text-align:center;
	border:solid 1px #777;
	background:url(images/downfade.png) repeat-x top #ccc;
	color:#777;
}

.aesop-dialog-close:hover, .aesop-dialog-back:hover {
	cursor:pointer;
	background-color:#e3e3e3;
	color:black;
}

.aesop-dialog-close {
	right:5px;
	top:5px;
}

.aesop-dialog-back {
	right:35px;
	top:5px;
}

.aesop-dialog-window {
	font-family:"Helvetica", sans-serif;
	margin:10px 0px;
	padding:10px;
	border:solid 5px #777;
	font-size:11px;
	width:400px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	background:white;
	-webkit-box-shadow:0px 0px 10px #246185;
   -moz-box-shadow:0px 0px 10px #246185;
   box-shadow:0px 0px 10px #246185;
}

.aesop-preview-window {
	background:white;
}

.aesop-dialog-window input[type="text"], .aesop-dialog-window select {
	background:white;
	border:solid 1px #ccc;
	line-height:20px;
	font-size:12px;
	outline:none;
	width:170px;
	
}

.aesop-image-list img {
	opacity:0.4;
	filter:alpha(opacity=40); /* For IE8 and earlier */
	padding:1px;
	border:solid 1px #ccc;
	margin:3px;
}

.aesop-html-window {
	width:100%;
	height:100%;
	border:solid 1px #ccc;
	padding:10px;
	resize:none;
	margin:5px 0px;
	font-family:"Consola", "Monaco", monospace;
	font-size:13px;
	outline:none;
	white-space:pre;
}

.aesop-image-list img:hover {
	opacity:1.0;
	filter:alpha(opacity=100);
	cursor:pointer;
}

.aesop-dialog-window label {
	display:block;
}

.aesop-dialog-window .aesop-dialog-field {
	display:block;
	float:left;
	width:170px;
	padding:5px;
	margin:5px;
	background:white;
	border:solid 1px #ccc;
}

.aesop-dialog-window fieldset {
	width:170px;
	padding:5px;
	border:solid 1px #ccc;
	margin:5px;
	background:white;
}

.aesop-dialog-window fieldset legend {
	background:white;
	padding:3px;
	border:solid 1px #ccc;
}

.aesop-dialog-options {
	float:left;
	width:130px;
}	

.aesop-dialog-options input[type="text"].short {
	width:50px;
}



.aesop-dialog-window h2 {
	font-size:20px;
	font-weight:bold;
}
